<template>
  <!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <svg
    width="100%"
    height="100%"
    viewBox="0 0 1182.4 1080"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    preserveAspectRatio="xMinYMin meet"
  >
    <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit-->
    <defs>
      <symbol
        width="100%"
        height="100%"
        id="svg_2"
        viewBox="0 0 1182.4 1080"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
      >
        <image
          height="1080"
          id="svg_1"
          transform="matrix(0.6703 0 0 0.6703 -160.7317 188.75)"
          width="1920"
          xlink:href="http://www.67934.cn:31311/iot/RBC531_KF/tenant/z12.png"
        />
        <path
          class="st0"
          d="m356.3,305.8c0,0 -6.9,-3.1 -15.1,0c0,6.2 1.7,50.1 1.7,50.1s-37.8,0 -42.5,11.1c0,3.1 0,5.2 0,5.2s1.5,2.3 4.2,3.1c0.3,3.9 5.3,106.9 5.3,106.9s1.8,6.7 10.9,7.8c0,4.2 4.7,106.9 4.7,106.9s-16,8.4 -11.2,18.5c0,10.2 1.4,36.5 1.4,36.5s3.3,15.3 44.9,15c9.2,0 42.2,-3.9 46.4,-18.7c0,-12.8 -0.8,-43.1 -0.8,-43.1s-2.1,-6.6 -9.5,-9c-4.6,0.3 -4.6,0.3 -4.6,0.3s-5.9,-2.8 -2.3,-14.8c2.8,0.1 2.8,0.1 2.8,0.1l-1.8,-93.8c0,0 8.1,-2.8 9.4,-6.7c0,-3.3 -1.1,-56.1 -1.1,-56.1s-7.3,-1.5 -6.6,-9.9c0.6,-8.5 5,-16.8 5.6,-16.9c0,-3.1 -0.5,-24.3 -0.5,-24.3s3.6,-1.7 3.9,-3.7c0.3,-2 -0.1,-6.4 -0.1,-6.4s-6.2,-8.4 -42.7,-8.7l-2.4,-49.4z"
          id="svg_5"
        />
        <g class="st1" id="svg_6">
          <path
            class="st2"
            d="m566.7,740.3c0.5,-9.5 -1,-11.6 -1,-11.6l-39.9,0l1.9,-331.9l-97.9,1.4l0,26l73.3,-0.6c0,0 -1.4,324.5 -1.5,326.6c-0.1,2.1 1.5,2.6 1.5,2.6l61.8,-0.6c0,-0.1 2.4,-4 1.8,-11.9z"
            id="svg_7"
          />
          <path
            class="st2"
            d="m398.1,398c-12.8,24.9 1,26.8 1,26.8l11.4,-0.5l-0.6,-25.8c0,0 -5.2,-0.5 -11.8,-0.5z"
            id="svg_8"
          />
        </g>
        <path
          class="st3"
          d="m566.3,723.4l1.5,-17.6c0,0 1.3,-0.8 2.7,-0.6c0,-3.6 0.3,-5.2 0.3,-5.2l7.9,-6.7c0,0 2.1,-1.1 3.5,0.4c1.4,1.5 1.4,1.5 1.4,1.5s2.6,-0.5 4,-3.3c1.8,0 11.8,0 11.8,0l1.5,2.7l3.1,-0.1l1.3,-3.1l11.3,0l2.9,3.8l1.7,0l2.3,-1.4l5.4,4.3l9.4,14.1l5.9,17.4c0,0 -2.8,2.2 1.9,8c1.1,1.7 7.6,18.8 7.5,23.4c-0.1,4.6 -0.4,14.8 -0.4,14.8s-0.6,4.5 -2.3,7c-0.1,3.1 0.5,18 0.5,18l3.1,11.3l0,2.9l-16.8,0l-5.5,-20.4l-34.2,0.9c0,0 -6.7,-1.5 -8.3,-3.1c0.1,2.4 0.3,6.1 0.3,6.1l3.2,14.8l0,2.7l-16.7,0l-0.3,-2.3l-10.8,-52.6l-0.2,-5.3l-0.8,-3.6c0,0 2.9,-4.2 2.2,-14.6c0,-2.9 0.2,-9.5 -2.2,-9.6c0,-2.4 0,-3.3 0,-3.3s0.3,-1.3 1.9,-1.3z"
          id="svg_9"
        />
        <path
          class="st4"
          d="m644.3,729.7l51.1,-0.8c0,0 5.5,-0.8 3.8,6c-0.5,7.6 -6.2,92.2 -6.2,92.2l3.4,0l8.4,0c0,0 5.4,11.6 0,23.4c-14,0 -31.2,0 -31.2,0s-4.5,1 -3.9,-3.3c0.3,-1.5 4.7,-94.3 4.7,-94.3l-22.5,0.1l-4.8,-13.3c0,0 -3.2,-5.1 -3.5,-6.4s-0.4,-3.2 0.7,-3.6z"
          id="svg_10"
        />
        <g id="svg_11">
          <path
            class="st5"
            d="m737,739.4c0,0 -3.6,-2.4 -9.7,0c-6,2.4 -6,8.3 -6,8.3s-3.6,4.5 0,11.6s8.8,20.5 8.8,20.5s3.1,6.4 9.4,7c1.3,-15.4 2.3,-27.3 2.3,-27.3s1,-12 3.1,-15.8c-0.6,-1.2 -2.2,-3.3 -7.9,-4.3z"
            id="svg_12"
          />
          <path
            class="st5"
            d="m757.9,767.4c0,0 -5.9,-11.5 -6.2,-11.2c-0.3,0.3 -0.3,2 -0.3,2l-2.2,27.9c3.5,-1.3 6,-3 8.4,-8.2c2.5,-5.2 0.3,-10.5 0.3,-10.5z"
            id="svg_13"
          />
        </g>
        <path
          class="st6"
          d="m738.5,800.6l3.7,-45c0,0 0.3,-14.6 10.5,-22s20.7,-8.5 20.7,-8.5l89.4,-2.2c0,0 3.1,4.6 0.7,9.5c-5.4,0.3 -88.9,1.7 -88.9,1.7s-12.6,2.1 -16.6,7.5c-0.8,1.7 -5.4,4 -6.3,14.7s-3.5,44.4 -3.5,44.4s-3.4,5.5 -9.7,-0.1z"
          id="svg_14"
        />
        <path
          class="st7"
          d="m444.3,423.9l14.8,-0.1l1.5,141.1c0,0 -2,24 -22.8,28.7c-19,1.8 -45.7,2.4 -45.7,2.4s-6.2,-7.3 -2.3,-14.8c5.3,0.1 43.6,-0.4 43.6,-0.4s11.8,-3.7 12.7,-15.4c0.1,-9.5 -1.8,-141.5 -1.8,-141.5z"
          id="svg_15"
        />
        <g class="st8" id="svg_16">
          <path
            class="st9"
            d="m312.5,486.3l-7.9,0l3.6,67.1l15.3,0c0,0 -1.5,-38.9 -2.7,-63.6c-4.4,0.1 -8.3,-3.5 -8.3,-3.5z"
            id="svg_17"
          />
          <path
            class="st9"
            d="m282.1,486.3c0,0 2.3,41 2.4,47.2c-9.3,9.9 -4.2,20.5 -4.2,20.5l22.7,0l-3.3,-67.7l-17.6,0z"
            id="svg_18"
          />
          <path
            class="st9"
            d="m379.5,316.1l-0.6,-23.7l-3.4,-0.8c0,0 0,6.7 0,8.1c-8.4,-0.2 -30.7,1.4 -32.4,1.9c-24.7,1.5 -43.5,6.7 -43.5,6.7s0.6,20.5 0.6,26.1c-1.7,0 -3.7,-1 -3.7,-1l-1.3,-24.3l-7.1,2c0,0 0.8,13.4 0.5,19.8c-4.5,-0.1 -4.2,-2 -4.2,-2s-0.8,-8.9 -1,-16.3c-10.3,4.2 -11.2,8.8 -11.2,8.8l9,159.9l28.5,0.6c0,0 -5.3,-105.6 -5.3,-106.9c-1.5,0.1 -4.2,-3.1 -4.2,-3.1s0,0 0,-5.2c3,-10.4 42.5,-11.1 42.5,-11.1s-1.6,-46.5 -1.7,-50.1c7.5,-3.3 15.1,0 15.1,0s2,39.8 2.4,49.2c10.9,-0.3 23.7,1.7 23.7,1.7l-1.1,-40.5l-1.6,0.2z"
            id="svg_19"
          />
          <path
            class="st9"
            d="m401.4,363.6c0.2,3.5 0.1,6.4 0.1,6.4s-0.4,2.2 -3.9,3.7c0,2.1 0.5,24.3 0.5,24.3l89.9,-0.7l0,-69.1l-1.4,-4.5l0.1,5.1l-4.8,0.4l-7.3,2.3l0.1,-25.2c0,0 -1.9,-1.3 -15.4,-3.1c0,8.5 0.4,30.7 0.4,30.7s-1.8,0.6 -4.1,-1.1c0.3,2.4 0.1,2.9 0.1,2.9s-4.5,1 -6.6,0.9c0.1,-3.4 -0.7,-35 -0.7,-35l-9.9,-0.8l0.5,36.6l-7.2,1.2l-0.3,-38.4l-12.8,-0.3l0.2,27c0,0 -8.6,-2.4 -9.2,-4.6c-0.1,-3.4 -0.3,-23 -0.3,-23l-11.4,0.1l-0.7,-22.8l-5.9,0.8l0,14.2l-2.2,0.8l0,23.1l-1.8,1l1.2,41.4c0.2,0.1 11,2.8 12.8,5.7z"
            id="svg_20"
          />
          <path
            class="st9"
            d="m392.5,267.1l0,3l-1,0l-0.1,1.6l5.6,0l-1,-40.7c0,0 4.5,-1.9 -9.5,-1.9s-12.7,1.9 -12.7,1.9l0.4,36.1c0.1,-0.3 0.8,-1.3 9,-1.3c9.5,0 9.3,1.3 9.3,1.3z"
            id="svg_21"
          />
          <path
            class="st9"
            d="m486.9,466c0,0 1,0.1 1.1,-3.1c0.2,-3.1 0,-39.9 0,-39.9l-29,0.8l0.2,15.3l2.2,0l0.6,30.1l-2.5,3.1l0.1,7.3l13,0l14.3,-13.6z"
            id="svg_22"
          />
          <path
            class="st9"
            d="m494.9,460.3c0,9.3 -3.7,10.7 -3.7,10.7l-8.5,8.5l13.5,-0.6l0,-55.9l-1.3,0l0,37.3z"
            id="svg_23"
          />
          <polygon
            class="st9"
            id="svg_24"
            points="490.1,551.1 496.2,550.7 496.2,483.7 490.1,483.7  "
          />
          <polygon
            class="st9"
            id="svg_25"
            points="459.9,500 460.4,551.1 485.3,551.1 485.3,483.7 477.2,483.7  "
          />
          <polygon
            class="st9"
            id="svg_26"
            points="459.9,484.4 459.8,491.2 466.4,484.4  "
          />
          <polygon
            class="st9"
            id="svg_27"
            points="433.4,492.6 439.1,492.6 439.1,484.5 397.1,484.5 397.6,497.1 433.5,497.1  "
          />
          <polygon
            class="st9"
            id="svg_28"
            points="391.2,504.1 392.1,552 394.7,552 393.4,504.1  "
          />
          <path
            class="st9"
            d="m398,504.1l0.8,48l8.3,0c0,0 0,-3.9 0,-9.7c0,-5.8 3.9,-8.1 3.9,-8.1l-0.6,-30.1l-12.4,0l0,-0.1z"
            id="svg_29"
          />
          <polygon
            class="st9"
            id="svg_30"
            points="429.8,535.1 420.4,535.1 413.1,541.7 413.1,552 419.1,552 419.1,546.3 434.2,546.2 434.2,522.8    429.8,526.7  "
          />
          <polygon
            class="st9"
            id="svg_31"
            points="436.7,520.7 436.7,546.1 439.8,546.1 439.8,519.5 437.6,519.5  "
          />
          <polygon
            class="st9"
            id="svg_32"
            points="444.4,519.5 444.4,546.1 446,546.1 445.6,519.5  "
          />
          <polygon
            class="st9"
            id="svg_33"
            points="429.8,515.1 433.7,515.1 439.8,509.2 439.8,503.3 429,503.3  "
          />
          <polygon
            class="st9"
            id="svg_34"
            points="444.3,423.9 429.8,424.1 429.8,429.5 427.8,431.8 413.1,432.3 411,429.8 410.6,424.3 399.1,424.8    400.2,477.9 445.1,477.9 445.1,472.5 442.5,469.7 441.5,439 444.5,439.2  "
          />
          <path
            class="st9"
            d="m491.9,311.2l0,3.7l2.5,8.9l1,4.8l0,68.5l1.3,0l0,-50.5c0,0 0.4,-0.8 3.8,-0.8c0,-3.7 0,-26.1 0,-26.1s0,-6.7 -8.6,-8.5z"
            id="svg_35"
          />
        </g>
        <path
          class="st0"
          d="m454,358.4l0,-6.1l1.4,-0.9l0,-78.6c0,0 1,-1.8 1.7,-1.8s35.6,-4.1 35.6,-4.1l6.1,0c0,0 10.4,4.1 10.9,11.4c0.4,7.3 0,72.4 0,72.4l-0.5,2.2c0,0 -2.9,18.6 7.6,18.6s123.5,-1 123.5,-1s11.3,2.9 11.4,11.7c0.1,8.8 -1.5,32.4 -1.5,32.4s-0.1,6.9 7,7c7.1,0.1 106.5,-1.5 106.5,-1.5l-46.3,-49.3l-16.4,255.9c0,0 -2.4,1.9 -4.9,0c0.3,-5 16.5,-255.8 16.5,-255.8s0.5,-8.1 5.7,-6.7c2.4,2.3 52.4,54.4 52.4,54.4s3,5.9 -6.3,7.2c-9.1,0.1 -109.2,1.4 -109.2,1.4s-10.4,-2.3 -10.6,-10.8c-0.2,-8.4 1.2,-33.2 1.2,-33.2s-0.3,-5.5 -5.7,-6.9c-5.3,-0.2 -122.9,1.2 -122.9,1.2s-10.8,-0.4 -13.8,-9.6c0,-11.5 0.3,-80.9 0.3,-80.9l-13.7,0c0,0 -8.3,0.6 -8.7,6.4c-0.3,5.9 -0.1,36 -0.1,36l-6.6,2.1l0.1,-37.3c0,0 0.9,-11.7 10.5,-13.2c9.2,-0.3 18.3,-0.4 18.3,-0.4s-0.8,-7.3 -5.6,-7.4c-4.8,0 -32,0.1 -32,0.1s-6.3,1.4 -6.5,5.7c-0.2,4.3 0.5,79.1 0.5,79.1l-5.9,0.3z"
          id="svg_36"
        />
        <path
          class="st10"
          d="m496.8,346.6c0,0 2.6,-1.5 6.5,-0.3c0,5.7 -1,243.3 -1,243.3l-2.3,0l-32.7,0.7c0,0 -1.6,-0.3 -1.5,1.9c0,2.1 1.4,168.7 1.4,168.7l-6.4,0l-1,-170.1c0,0 0.9,-6.9 8.1,-7.1c7.2,-0.3 32.1,-0.1 32.1,-0.1l-3.8,-19.8l0.6,-217.2z"
          id="svg_37"
        />
        <path
          class="st11"
          d="m476.8,851.8l-69,1.7l0.8,45.8l6.8,0l-2.5,3.7l0.2,3.2l60.7,-1.7l0.2,-3.2l-2.4,-3.9l6.4,0l0,-20.7l1.9,0l0,4.2l4.8,0.2l0,7c0,0 0.3,2.6 4.6,2.4c0,3.7 0,6.7 0,6.7l0,3.8l34.3,-0.5l0,-11.3l3.9,0l0,1.3c0,0 -0.1,1.5 1.2,1.5c1.3,0 19.3,-0.7 19.3,-0.7s1.7,1.6 1.3,-21.2c-0.3,-7 -0.8,-13.7 -0.8,-13.7s-0.3,-4.3 -2.4,-4.4c-2.1,-0.1 -19,0.4 -19,0.4s-0.9,-0.1 -0.9,2.2c-3.2,0.1 -39.9,0.6 -39.9,0.6s-2.2,0.6 -2.2,2.7s0,6.4 0,6.4l-4.7,0l-0.1,5l-1.3,-0.3l-1.2,-17.2z"
          id="svg_38"
        />
        <path
          class="st0"
          d="m417.7,761.7l-0.5,-21.9l23.9,-0.8l-2,-185l7,-0.6l-0.1,-7.3l-26.9,0.3l0,7.6l12.9,-0.5l2.7,180l-17.6,0l0,0l-4,-191.6l78.7,-71.1c0,0 2.9,-3.2 2.9,-7.1c0,-3.8 0.1,-137.5 0.1,-137.5l-3.4,-11.7l0,-60.5c0,0 -2.4,-13.4 -12.9,-13.4s-33.7,0 -33.7,0s-8.7,0.1 -13.7,12.2c0.1,2.4 1.6,101.5 1.6,101.5l6.4,0.2l-1.3,-98.5c0,0 1.3,-8.2 7.6,-8.2s32.2,-0.6 32.2,-0.6s5.8,1 7.3,6.4c0,0.4 0,0.9 0,1.6l-22.9,0c0,0 -13.7,1.7 -13.7,13.4c-0.1,11.7 1,82.9 1,82.9l6.1,0l0,-80.5c0,0 0.3,-9.6 7.5,-9.5c6.3,0.1 19,0 22.1,0c0,16.6 0,50.5 0,50.5s-0.5,2.5 0.2,5.5s2,7.8 2,7.8s0.9,1.3 0.9,4s0,133.7 0,133.7s0.1,1.8 -1.1,3.1s-76,68.1 -76,68.1s-3.9,2.8 -3.9,8.5c0,5.7 0,16.6 0,16.6l3.9,208.2l109.2,-2l0,-5.6l-102.5,1.8z"
          id="svg_39"
        />
        <path
          class="st12"
          d="m391.2,504.1l205.5,-3.1c0,0 13.1,0.7 13.8,-10s2,-52.4 2,-52.4s0.4,-5.7 5.6,-5.9c5.2,-0.2 218.3,-2.3 218.3,-2.3s2.1,-4.5 0,-6.8c-2.7,0 -67.4,0.6 -67.4,0.6s-2.6,1.5 -4.8,1.6c-2.2,0 -109.2,1.4 -109.2,1.4s-2.6,-0.5 -4.6,-1.8c-2.3,0 -33.4,0.2 -33.4,0.2s-11.6,1.7 -11.7,11.3s-1.5,51.9 -1.5,51.9s0.4,5.7 -6.4,5.6s-206.4,2.7 -206.4,2.7l0.2,7z"
          id="svg_40"
        />
        <polygon
          class="st7"
          id="svg_41"
          points="409.9,398.5 429.8,398.1 429.8,429.5 427.8,431.8 413.1,432.3 411,429.8 "
        />
        <polygon
          class="st7"
          id="svg_42"
          points="461.5,439.1 441.5,439 442.5,469.7 445.1,472.5 459.6,472.3 462.1,469.2 "
        />
        <polygon
          class="st7"
          id="svg_43"
          points="410.3,504.1 429,503.3 429.8,535.1 420.4,535.1 411,534.2 "
        />
        <polygon
          class="st7"
          id="svg_44"
          points="406.5,616.8 407,643.2 408,644.3 418.1,644.3 421,641.3 421,616.8 "
        />
        <polygon
          class="st7"
          id="svg_45"
          points="406,673 422.4,673 422.9,698.3 419.7,702.3 409.3,702.3 406.5,699.3 "
        />
        <path
          class="st13"
          d="m448.7,639.2c0,0 -3,0.2 -2.9,3.3c0.1,3.1 0,12 0,12s0.7,0.9 1.5,0.8c0,1.4 0,2.2 0,2.2l0.5,0l0.1,10.9c0,0 -0.4,2.2 -2.4,2.2c-1.9,0.1 -3.6,0 -3.6,0l0,1.7l4.5,0c0,0 2.3,-0.7 3.6,-3.4c0,-2.5 0,-11.6 0,-11.6l0.6,-0.1l0,-2c0,0 1,0.3 1.1,-0.7c0.2,-1 0,-11.4 0,-11.4s0.4,-3.6 -3,-3.9z"
          id="svg_46"
        />
        <path
          class="st13"
          d="m475.1,659.9c0,0 -3,0.2 -2.9,3.3c0.1,3.1 0,12 0,12s0.7,0.9 1.5,0.8c0,1.4 0,2.2 0,2.2l0.5,0l0.1,10.9c0,0 -0.4,2.2 -2.4,2.2c-1.9,0.1 -5.6,0 -5.6,0l0,1.7l6.5,0c0,0 2.3,-0.7 3.6,-3.4c0,-2.5 0,-11.6 0,-11.6l0.6,-0.1l0,-2c0,0 1,0.3 1.1,-0.7c0.2,-1 0,-11.4 0,-11.4s0.3,-3.7 -3,-3.9z"
          id="svg_47"
        />
      </symbol>
    </defs>
    <g class="layer">
      <title>Layer 1</title>
      <use
        id="svg_3"
        transform="matrix(1.26424 0 0 1.14398 -806.75 -513.471)"
        x="783.69182"
        xlink:href="#svg_2"
        y="412.83394"
      />
      <g id="svg_4" />
    </g>
  </svg>
</template>

<script>
import { generateId } from "@/utils/index.js";
export default {
  watch: {
    // 有bug 晚点改
    "$store.state.app.sidebar.opened"() {
      setTimeout(() => {
        // let svg = document.getElementsByTagName("svg");
        // console.log("svg :>> ", svg);
        // for (let index = 0; index < svg.length; index++) {
        //   svg[index].setAttribute(
        //     "viewBox",
        //     "0,0," +
        //       svg[index].getBBox().width +
        //       "," +
        //       svg[index].getBBox().height +
        //       ""
        //   );
        // }
        // this.brder1Key = generateId();
      }, 500);
    }
  },
  data() {
    return {
      brder1Key: "11"
    };
  }
};
</script>

<style type="text/css">
.st0 {
  opacity: 0.5;
  fill: #5f6767;
}
.st1 {
  opacity: 0.5;
}
.st2 {
  fill: #626b6b;
}
.st3 {
  opacity: 0.5;
  fill: #626b6b;
}
.st4 {
  opacity: 0.5;
  fill: #9aa6a6;
}
.st5 {
  opacity: 0.3;
  fill: #484e4f;
}
.st6 {
  opacity: 0.3;
  fill: #303f4f;
}
.st7 {
  opacity: 0.3;
  fill: #626a6b;
}
.st8 {
  opacity: 0.3;
}
.st9 {
  fill: #69b3d8;
}
.st10 {
  opacity: 0.3;
  fill: #626b6b;
}
.st11 {
  opacity: 0.3;
  fill: #99a5a6;
}
.st12 {
  opacity: 0.3;
  fill: #e71f1e;
}
.st13 {
  opacity: 0.3;
  fill: #dd9d53;
}
</style>
